<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>
			后台管理-案例列表
		</title>
		<meta name="description" content="这是一个 table 页面">
		<meta name="keywords" content="table">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="../admin/css/amazeui.min.css" />
		<link rel="stylesheet" href="../admin/css/admin.css">
	</head>
	<body>
		<!--[if lte IE 9]>
			<p class="browsehappy">
				你正在使用
				<strong>
					过时
				</strong>
				的浏览器，Amaze UI 暂不支持。 请
				<a href="http://browsehappy.com/" target="_blank">
					升级浏览器
				</a>
				以获得更好的体验！
			</p>
		<![endif]-->
		<div th:replace="../templates/admin/common/common :: header">
		</div>
		<div class="am-cf admin-main">
			<!-- sidebar start -->
			<div th:replace="../templates/admin/common/common :: left_nav('case')">
			</div>
			<!-- sidebar end -->
			<!-- content start -->
			<div class="admin-content">
				<div class="am-cf am-padding">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg">
							表格
						</strong>
						/
						<small>
							Table
						</small>
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-md-6 am-cf">
						<div class="am-fl am-cf">
							<div class="am-btn-toolbar am-fl">
								<div class="am-btn-group am-btn-group-xs">
									<button type="button" class="am-btn am-btn-default">
										<span class="am-icon-plus">
										</span>
										新增
									</button>
									<button type="button" class="am-btn am-btn-default">
										<span class="am-icon-save">
										</span>
										保存
									</button>
									<button type="button" class="am-btn am-btn-default">
										<span class="am-icon-archive">
										</span>
										审核
									</button>
									<button type="button" class="am-btn am-btn-default">
										<span class="am-icon-trash-o">
										</span>
										删除
									</button>
								</div>
								<div class="am-form-group am-margin-left am-fl">
									<select>
										<option th:each="type : ${typeList}" th:value="${type.value}" th:text="${type.key}">
										</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					<div class="am-u-md-3 am-cf">
						<div class="am-fr">
							<div class="am-input-group am-input-group-sm">
								<input type="text" class="am-form-field">
								<span class="am-input-group-btn">
									<button class="am-btn am-btn-default" type="button">
										搜索
									</button>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-sm-12">
						<form class="am-form">
							<table class="am-table am-table-striped am-table-hover table-main">
								<thead>
									<tr>
										<th class="table-check">
											<input type="checkbox" />
										</th>
										<th class="table-id">
											ID
										</th>
										<th class="table-title">
											案例名称
										</th>
										<th class="table-type">
											案例类别
										</th>
										<th class="table-desc">
											案例描述
										</th>
										<th class="table-date">
											开始日期
										</th>
										<th class="table-date">
											结束日期
										</th>
										<th class="table-set">
											操作
										</th>
									</tr>
								</thead>
								<tbody>
									<tr th:each="obj : ${datas}">
										<td>
											<input type="checkbox" />
										</td>
										<td th:text="${obj.type}">
											案例序号
										</td>
										<td>
											<a href="#" th:text="${obj.casename}">
												案例名称
											</a>
										</td>
										<td th:text="${obj.type}">
											案例类型
										</td>
										<td th:text="${obj.casedesc}">
											案例描述
										</td>
										<td th:text="${obj.startdate}">
											2014年9月4日 7:28:47
										</td>
										<td th:text="${obj.enddate}">
											2014年9月4日 7:28:47
										</td>
										<td>
											<div class="am-btn-toolbar">
												<div class="am-btn-group am-btn-group-xs">
													<button class="am-btn am-btn-default am-btn-xs am-text-secondary">
														<span class="am-icon-pencil-square-o">
														</span>
														编辑
													</button>
													<button class="am-btn am-btn-default am-btn-xs">
														<span class="am-icon-copy">
														</span>
														复制
													</button>
													<button class="am-btn am-btn-default am-btn-xs am-text-danger">
														<span class="am-icon-trash-o">
														</span>
														删除
													</button>
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							
							<div class="am-cf">
								<span th:text="'共 '+${totalCount}+' 条记录'">共 15 条记录</span>
								<div class="am-fr">
									 <ul id="paginator" class="am-pagination am-fr"></ul>
								</div>
							</div>
							<hr />
							<p>
								注：.....
							</p>
						</form>
					</div>
				</div>
			</div>
			<!-- content end -->
		</div>
		<footer>
			<hr>
			<p class="am-padding-left">
				© 2014 AllMobilize, Inc. Licensed under MIT license.
			</p>
		</footer>
		<!--[if lt IE 9]>
			<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
			</script>
			<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
			</script>
			<script src="assets/js/polyfill/rem.min.js">
			</script>
			<script src="assets/js/polyfill/respond.min.js">
			</script>
			<script src="assets/js/amazeui.legacy.js">
			</script>
		<![endif]-->
		<!--[if (gte IE 9)|!(IE)]>
			<!-->
			<script src="../admin/js/jquery.min.js">
			</script>
			<script src="../admin/js/amazeui.min.js">
			</script>
			<script src="../admin/js/pagination.js">
			</script>
		<!--<![endif]-->
		<script src="../admin/js/app.js">
		</script>
		
		<script>
		
		var totalCount = [[${totalCount}]];
		var pagesize = [[${pagesize}]];
		var pageindex = [[${pageindex}]];
		
		 $("#paginator").paginator({
             url: "/grt/case/caselist?pageindex=",
             pageParent: "#paginator",
             totalBars: totalCount,
             limit:pagesize,
             offset: pageindex,
             callback: function (data) {
                 //清空DOM节点
                
             }
         });

		</script>
		
	</body>

</html>